.container {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap; /* 换行，多行显示。*/
}


.containerTop{
    width: 80%;
    flex-direction: row;
}
.input {
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-right: 20px;
}


.photo{
    margin-top: 20px;
    background-color: #d7e2f6;
}


.containerC{
    width: 80%;
    height: 200fp;
}
.swiper-style {
    indicator-color: #8388f8;
    indicator-selected-color: #9ebbde;
    indicator-size: 5px;
    margin-top: 15px;
}
.image-mode{
    object-fit: contain;
}


.containerD{
    width: 80%;
    flex-direction: row;
    justify-content: center;
}
.tipsimage{
    top: 15px;
    width: 30px;
    height: 30px;
}
.description-first-paragraph {
    padding-top: 15px;
}
.description {
    font-size: 15px;
}
.customMarquee {
    width: 100%;
    height: 30px;
    margin: 15px;
    border: 2px solid #88a6ff;
    border-radius: 20px;
    font-size: 20px;
    color: #000000;
    font-family: serif;
    background-color: #eff5ff;
}

.containerE{
    width: 90%;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 30px;
}
.containerE1{
    background-color: #f2f6fd;
    height: 220px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.image1{
    object-fit: fill;
}
.containerE2{
    background-color: #f2f6fd;
/*    height: 180px;*/
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
}
.image2{
    object-fit: contain;
}

.description1 {
    font-size: 15px;
    margin-bottom: 5px;
}

.rf {
    flex-direction: column;
    align-items: center;
}